<template>
    <div>
        <el-menu
        :default-active="activeIndex"
        class="el-menu-demo"
        mode="horizontal"
        @select="handleSelect"
        background-color="#545c64"
        text-color="#fff"
        active-text-color="#ffd04b"
        router>
            <el-menu-item index="/">首页</el-menu-item>
            <el-submenu index="2">
                <template slot="title">商城管理</template>
                <el-menu-item index="/goods">商品管理</el-menu-item>
                <el-menu-item index="/type">商品分类管理</el-menu-item>
                <el-menu-item index="/apply">用户申请审批</el-menu-item>
            </el-submenu>
            <el-menu-item index="/persopn">个人信息</el-menu-item>
            <el-menu-item index="/logout">退出登陆</el-menu-item>
        </el-menu>
        <div style="margin-top:1rem"></div>
        <slot name="content"/>
    </div>
</template>

<script>
export default {
    name: "BaseLayout",
    props:['activeIndex'],
    data(){
        return{
        }
    },
    methods:{
        handleSelect(){

        }
    }
}
</script>

<style>

</style>

